* {
	padding: 0px;
	margin: 0px;
}

.whole {
	width: 100%;
	height: 100%;
	background-color: gainsboro;
}

#menu {
	width: 100%;
	height: 50px;
	background-color: aqua;
	/* 水平居中 */
	text-align: center;
	/* 垂直居中 */
	line-height: 50px;
}

#main {
	width: 80%;
	height: 80%;
	margin-left: 10%;
	background-color: white;
}

h4 {
	margin-top: 2%;
	line-height: 50px;
}

#number {
	width: 90%;
	height: 40px;
	margin-top: 2%;
	margin-left: 5%;
	border-bottom: 1px lavender solid;
	border-top: 1px lavender solid;
	box-shadow: 0 0 5px lavender;
	line-height: 40px;
}

#head {
	width: 90%;
	height: 200px;
	margin-top: 2%;
	margin-left: 5%;
	/* 阴影部分 */
	box-shadow: 0 0 5px lavender;
	border: 1px lavender solid;
}

#head-frame {
	width: 100px;
	height: 100px;
	margin-top: 50px;
	margin-left: 20px;
	border-radius: 20px;
	float: left;
}

#head-frame img {
	width: 100%;
	height: auto;
	border-radius: 50px 50px;
}

#name {
	float: left;
	margin-top: 80px;
	margin-left: 10px;
}

#name p {
	float: left;
	margin-right: 5px;
}

#name a {
	size: 20px;
	font-size: 12px;
	text-decoration: none;
}

#user {
	width: 90%;
	height: 350px;
	margin-top: 2%;
	margin-left: 5%;
	box-shadow: 0 0 5px lavender;
	border: 1px lavender solid;
}

.row {
	padding-left: 20px;
	padding-top: 20px;
}
